{# empty Twig template #}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <title>{% block title %}Bienvenido a Pyaf!{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        {% block javascriptsTop %}{% endblock %}
        
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
        <!-- Bootstrap -->
        <link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap.min.css') }}" />
	<!-- Bootstrap responsive -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap-responsive.min.css') }}">
	<!-- chosen plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/chosen.css') }}">
	<!-- CSS for Growl like notifications -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.gritter.css') }}">
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.ui.theme.css') }}">
	<!-- calendar plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/fullcalendar.css') }}">
	<!-- Calendar printable -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/fullcalendar.print.css') }}" media="print">
        
           <!-- TableTools for dataTables plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/TableTools.css') }}">
        
        <link rel="stylesheet" href="{{ asset('bootstrap/css/jquery-ui.css') }}">
        <!-- datepicker plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/datepicker.css') }}">
        <!-- MultiUpload plupload plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.plupload.queue.css') }}">
	<!-- MultiUpload plupload plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.plupload.queue.css') }}">
        <!-- Uniform plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/uniform.default.min.css') }}">
        
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.cleditor.css') }}">
	<!-- Theme CSS -->
	<!--[if !IE]> -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/style.css') }}">
	<!-- <![endif]-->
	<!--[if IE]>
	<link rel="stylesheet" href="{{ asset('bootstrap/css/style_ie.css') }}">
	<![endif]-->     
        
        <script src="{{ asset('bootstrap/js/jquery.min.js') }}"></script>
            
        <script>window.jQuery || document.write('<script src="{{ asset('bootstrap/js/jquery.js') }}"><\/script>')</script>
        <script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>
        <!-- smoother animations -->
        <script src="{{ asset('bootstrap/js/jquery.easing.min.js') }}"></script>
	<!-- Just for demonstration -->
        <script src="{{ asset('bootstrap/js/demonstration.min.js') }}"></script>
	<!-- Theme scripts -->
        <script src="{{ asset('bootstrap/js/application.min.js') }}"></script>
        {% block javascriptsHeader %}{% endblock %}
	
        <style>
            h1{
                font-family: 'Segoe UI Light','Open Sans',Verdana,Arial,Helvetica,sans-serif;
                font-weight: 200;
                font-size: 42pt;
                letter-spacing: 0em;
                line-height: 44pt;
                text-align: left;
                color: rgba(255, 255, 255, 1.0);
            }
            .login-body {
                background: none repeat scroll 0% 0% rgb(29, 29, 29);
                color: rgb(255, 255, 255);
            }
            .last-name {
                font-family: "Open Sans",sans-serif,sans;
                font-size: 10pt;
                display: block;
                margin: 0px;
                text-align: left;
                letter-spacing: 0.02em;
                line-height: 20px;
                font-weight: 400;
            }
        </style>
        
</head>
    <body class='login-body'>
        <div class="span2"></div>
        <div class="login-wrap">
            <div class="row-fluid"> 
                <div class="span5">
                    <h1>Pyaf</h1>
                    <span class="last-name">pilates y actividad física</span>
                </div>
                <div class="span7">
                    <img src="{{ asset('bootstrap/img/pyaf_logo.png') }}"/>
                </div>
            </div>
            <div class="login">
                <form id="formulario" action="{{ path('login_check')}}" method="POST">
                    <div class="input-prepend">
                        <span class="add-on" 
                              style="background-color: #FF0084;border: 1px solid #FF0084;
                                    text-shadow: none; border-color: #FF0084 !important;">
                            <i class="icon-user icon-white"></i></span>
                        <input type="text" id="user" name="_username" style="width: 256px;" placeholder="Usuario" value="">
                    </div>
                    <div class="input-prepend">
                        <span class="add-on" 
                              style="background-color: #FF0084;border: 1px solid #FF0084;
                                    text-shadow: none; border-color: #FF0084 !important;">
                            <i class="icon-lock icon-white"></i></span>
                        <input type="password" id="pass" name="_password" style="width: 256px;" placeholder="Contraseña" value="">
                        
                        <!--Si deseas controlar la URL a la que rediriges al usuario en caso de éxito (más detalles
                                <input type="hidden" name="_target_path" value="/account" />
                                -->
                    </div>
                    <button type="submit" id="btnSubmit" value="Ingresar" class='button button-basic-darkblue btn-block'>Ingresar</button>
                </form>
            </div>
            <div id="message" class="">
                <input id="msg" type="hidden" value="" hidden/>
                {% if error %}
                    </br>
                    <div class="alert alert-error">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        Usuario y/o contraseña incorrectos!
                    </div>
                {% endif %}
            </div>
            <!--<a href="#" class='pw-link'>¿Olvidó su <span>contraseña</span>? <i class="icon-arrow-right"></i></a> -->
        </div>
    </body>
</html>
